<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script>
  /*
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("aaa");
    }, 1000);
  }).then(res => {
    // 自己处理的10行代码
    console.log("第一层处理的10行代码", res);
    // 对结果进行第一次处理
    return new Promise((resolve) => {
      resolve(res + "111");
    });
  }).then(res => {
    // 自己处理的10行代码
    console.log("第二层处理的10行代码", res);
    // 对结果进行第二次处理
    return new Promise((resolve) => {
      resolve(res + "222");
    });
  }).then(res => {
    // 自己处理的10行代码
    console.log("第三层处理的10行代码", res);
  });
  */

  /*
  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("aaa");
    }, 1000);
  }).then(res => {
    // 自己处理的10行代码
    console.log("第一层处理的10行代码", res);
    // 对结果进行第一次处理
    return Promise.resolve(res + "111");
  }).then(res => {
    // 自己处理的10行代码
    console.log("第二层处理的10行代码", res);
    // 对结果进行第二次处理
    return Promise.resolve(res + "222");
  }).then(res => {
    // 自己处理的10行代码
    console.log("第三层处理的10行代码", res);
  });
  */

  new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("aaa");
    }, 1000);
  }).then(res => {
    // 自己处理的10行代码
    console.log("第一层处理的10行代码", res);
    // 对结果进行第一次处理
    return res + "111";
  }).then(res => {
    // 自己处理的10行代码
    console.log("第二层处理的10行代码", res);
    // 对结果进行第二次处理
    return res + "222";
  }).then(res => {
    // 自己处理的10行代码
    console.log("第三层处理的10行代码", res);
  });
</script>
</body>
</html>